<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 
      语法 ＜%= %＞ loash template 语法 , 以不转义的方式向页面输出变量值
      BASE_URL 该变量对应的是vue模块环境自动提供的，指向于项目环境配置文件的 baseurl 数据
                                                  ^cli@3.3.0 版本值 被重命名为 publicPath
      通过 vue.config.js 进行修改
        vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，
        该文件被 @vue/cli-service 自动加载，可以修改项目启动的环境功能
      
      项目开发时，默认项目不会生成 vue.config.js 文件，如果需要可以以node模块定义语法进行新建
      该文件的修改是需要重新启动服务器的
    -->
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- 
      htmlWebpackPlugin.options.title 是环境插件 html-webpack-plugin 提供的对外开发变量
      如果要修改可以通过 修改 该插件配置完成，对于vue模块项目而言，几乎所有插件的配置都被集成
      在 vue.config.js 文件中
     -->
    <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
    <title>vue模块化语法的讲解项目</title>
  </head>
  <body>
    <!-- 
      vue模块项目中，index.html 文件为项目的主要展示页面
      该页面也是 vue模块项目的容器定义页面
    -->
    <!-- 检测当前浏览器环境是否支持script脚本 -->
    <noscript>
      <strong>We're sorry but vue模块化语法的讲解项目 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="root"></div>
    <!-- built files will be auto injected 
         打包后的文件将被自动注入到该位置
    -->
  </body>
</html>
